/*******************************
      Farris 公共样式入口
*******************************/
//@theme
// 引入蓝色的主题
@import './themes/default/index';
@import './variables';
// 预定义
@import './mixins';


// 定义样式变量
$pub-colors: (
  "fp-theme-01":$f-theme-01,
  "fp-theme-02":$f-theme-02,
  "fp-theme-03":$f-theme-03,
  "fp-theme-04":$f-theme-04,
  "fp-theme-05":$f-theme-05,
  "fp-theme-06":$f-theme-06,
  "fp-theme-07":$f-theme-07,
  "fp-theme-08":$f-theme-08,
  "fp-theme-09":$f-theme-09,
  "fp-theme-10":$f-theme-10,
  "fp-theme-11":$f-theme-11,
  "fp-theme-12":$f-theme-12,
  "fp-theme-13":$f-theme-13,
  // 缺少变量
  "fp-aid-01":$f-aid-01,
  "fp-aid-02":$f-aid-02,
  "fp-aid-03":$f-aid-03,
  "fp-aid-04":$f-aid-04,
  "fp-aid-05":$f-aid-05,
  "fp-aid-06":$f-aid-06,
  "fp-aid-07":$f-aid-07,
  "fp-aid-08":$f-aid-08,
  "fp-aid-09":$f-aid-09,
  "fp-aid-10":$f-aid-10,
  "fp-ornament-01":$f-ornament-01,
  "fp-ornament-02":$f-ornament-02,
  "fp-ornament-03":$f-ornament-03,
  "fp-ornament-04":$f-ornament-04,
  "fp-ornament-05":$f-ornament-05,
  "fp-neutral-01":$f-neutral-01,
  "fp-neutral-02":$f-neutral-02,
  "fp-neutral-03":$f-neutral-03,
  "fp-neutral-04":$f-neutral-04,
  "fp-neutral-05":$f-neutral-05,
  "fp-neutral-06":$f-neutral-06,
  "fp-neutral-07":$f-neutral-07,
  "fp-neutral-08":$f-neutral-08,
  "fp-neutral-09":$f-neutral-09,
  "fp-neutral-10":$f-neutral-10,
  "fp-neutral-11":$f-neutral-11,
  "fp-neutral-12":$f-neutral-12,
  "fp-neutral-13":$f-neutral-13,
  "fp-neutral-14":$f-neutral-14,
  "fp-neutral-15":$f-neutral-15,
  "fp-neutral-16":$f-neutral-16,
  "fp-neutral-17":$f-neutral-17,
  "fp-neutral-18":$f-neutral-18,
  "fp-neutral-19":$f-neutral-19,
  "fp-neutral-20":$f-neutral-20,
  "fp-neutral-21":$f-neutral-21,
  "fp-text-01":$f-text-01,
  "fp-text-02":$f-text-02,
  "fp-text-03":$f-text-03,
  "fp-text-04":$f-text-04,
  "fp-text-05":$f-text-05,
  "fp-text-06":$f-text-06,
  "fp-text-07":$f-text-07,
  "fp-text-08":$f-text-08,
  "fp-text-09":$f-text-09,
  "fp-text-10":$f-text-10,
  "fp-text-11":$f-text-11,
  "fp-text-12":$f-text-12,
  "fp-text-13":$f-text-13,
  "fp-info-01": $f-semantic-info-01,
  "fp-info-02": $f-semantic-info-02,
  "fp-info-03": $f-semantic-info-03,
  "fp-info-04": $f-semantic-info-04,
  // 追加框架的变量
  "fp-info-05": $f-semantic-info-05,
  "fp-submit-01": $f-semantic-submit-01,
  "fp-submit-02": $f-semantic-submit-02,
  "fp-submit-03": $f-semantic-submit-03,
  "fp-submit-04": $f-semantic-submit-04,
  // 追加框架的变量
  "fp-success-01": $f-semantic-success-01,
  "fp-success-02": $f-semantic-success-02,
  "fp-success-03": $f-semantic-success-03,
  "fp-success-04": $f-semantic-success-04,
  // 追加框架的变量
  "fp-success-05": $f-semantic-success-05,
  "fp-warning-01": $f-semantic-warning-01,
  "fp-warning-02": $f-semantic-warning-02,
  "fp-warning-03": $f-semantic-warning-03,
  "fp-warning-04": $f-semantic-warning-04,
  // 追加框架的变量
  "fp-warning-05": $f-semantic-warning-05,
  "fp-warning-06": $f-semantic-warning-06,
  "fp-danger-01": $f-semantic-danger-01,
  "fp-danger-02": $f-semantic-danger-02,
  "fp-danger-03": $f-semantic-danger-03,
  "fp-danger-04": $f-semantic-danger-04,
  // 追加框架的变量
  "fp-danger-05": $f-semantic-danger-05
);

// 在外可通过 --变量名 取到对应的颜色
:root {

  @each $color,
  $value in $pub-colors {
    --#{$color}: #{$value};
  }
}

// 边线颜色---------------------------------------------开始
$fp-border: (
  "default":("01":$f-theme-03, "02":$f-neutral-05, "03":$f-neutral-07, "04":$f-neutral-08),
  "hover":("01":$f-theme-05, "02":$f-theme-08, "03":$f-neutral-07),
  "active":("01":$f-theme-01, "02":$f-aid-04),
  "disabled":("01":$f-neutral-04),
  "action":("01":("cursor":($f-theme-03, $f-theme-05, $f-theme-01)), "02":("changeDisabled":($f-neutral-05, $f-neutral-04)))
);

@include f-common("border", $fp-border, "border");
// 边线颜色---------------------------------------------结束

// 背景色---------------------------------------------开始 
$fp-bg: (
  "default":("01":$f-theme-04, "02":$f-theme-09, "03":$f-theme-11, "04":$f-theme-13, "05":$f-aid-06, "06":$f-aid-07, "07":$f-neutral-01, "08":$f-neutral-04, "09":$f-neutral-05, "10":$f-neutral-06, "11":$f-neutral-07, "12":$f-neutral-09, "13":$f-neutral-10, "14":$f-neutral-11, "15":$f-neutral-12, "16":$f-neutral-18, "17":$f-neutral-19, "18":$f-neutral-20, "19":$f-neutral-21, "20":$f-ornament-01, "21":$f-ornament-02, "22":$f-ornament-03, "23":$f-ornament-04, "24":$f-ornament-05),
  "hover":("01":$f-theme-03, "02":$f-theme-06, "03":$f-aid-03, "04":$f-neutral-03, "05":$f-neutral-11),
  "active":("01":$f-theme-02, "02":$f-theme-04, "03":$f-aid-07, "04":$f-neutral-03, "05":$f-aid-02, "06":$f-aid-04, "07":$f-neutral-10),
  "disabled":("01":$f-neutral-08, "02":$f-neutral-10, "03":$f-neutral-14),
  "selected":("01":$f-theme-04, "02":$f-theme-07, "03":$f-aid-02, "04":$f-aid-04, "05":$f-neutral-10),
  "action":("01":("cursor":($f-theme-04, $f-theme-06, $f-theme-02)), "02":("cursor":($f-neutral-04, $f-neutral-03, $f-neutral-03)))
);
@include f-common("bg", $fp-bg, "bg");
// 背景色---------------------------------------------结束 



// 文字---------------------------------------------开始 
$fp-text: (
  "default":("01":$f-theme-03, "02":$f-text-05, "03":$f-text-01, "04":$f-text-02, "05":$f-text-11, "06":$f-text-03, "07":$f-text-04, "08":$f-text-06, "09":$f-text-07, "10":$f-text-08, "11":$f-text-09, "12":$f-text-13),
  "hover":("01":$f-theme-05),
  "active":("01":$f-theme-01),
  "selected":("01":$f-theme-03),
  "action":("01":("cursor":($f-theme-03, $f-theme-05, $f-theme-01)))
);
@include f-common("text", $fp-text);
// 文字---------------------------------------------结束 


// 图标色---------------------------------------------开始 
$fp-icon: (
  "default":("01":$f-theme-03, "02":$f-text-11, "03":$f-text-04, "04":$f-text-10),
  "hover":("01":$f-theme-05, "02":$f-text-08),
  "active":("01":$f-theme-01, "02":$f-text-08),
  "disabled":("01":$f-text-09),
  "action":("01":("cursor":($f-theme-03, $f-theme-05, $f-theme-01)))
);
@include f-common("icon", $fp-icon);
// 图标色---------------------------------------------结束 




// 语义色---------------------------------------------开始 
$fp-semantic-focus: (
  "border":("01":$f-semantic-info-02),
  "bg":("01":$f-semantic-info-05, "02":$f-semantic-info-03, "03":$f-semantic-info-04),
  "text":("01":$f-semantic-info-01),
  "icon":("01":$f-semantic-info-01)
);

$fp-semantic-submit: (
  "bg":("01":$f-semantic-submit-03, "02":$f-semantic-submit-04),
  "text":("01":$f-semantic-submit-01),
  "border":("01":$f-semantic-submit-02),
  "icon":("01":$f-semantic-info-01)
);

$fp-semantic-success: (
  "bg":("01":$f-semantic-success-05, "02":$f-semantic-success-03),
  "text":("01":$f-semantic-success-01),
  "border":("01":$f-semantic-success-02),
  "icon":("01":$f-semantic-info-01)
);

$fp-semantic-warning: (
  "bg":("01":$f-semantic-warning-05, "02":$f-semantic-warning-03, "03":$f-semantic-warning-04),
  "text":("01":$f-semantic-warning-01),
  "border":("01":$f-semantic-warning-02),
  "icon":("01":$f-semantic-info-01, "02":$f-semantic-warning-06)
);

$fp-semantic-danger: (
  "bg":("01":$f-semantic-danger-05, "02":$f-semantic-danger-03, "03":$f-semantic-danger-04),
  "text":("01":$f-semantic-danger-01),
  "border":("01":$f-semantic-danger-02),
  "icon":("01":$f-semantic-info-01)
);

@include semantic("info", $fp-semantic-focus);
@include semantic("submit", $fp-semantic-submit);
@include semantic("success", $fp-semantic-success);
@include semantic("warning", $fp-semantic-warning);
@include semantic("danger", $fp-semantic-danger);

// 语义色---------------------------------------------结束